<!doctype html>
<html lang="en">
    <head>
        <title>Argon Basic AR Web App</title>
        <link rel="apple-touch-icon" href="assets/sample_icon_57x57.png" />
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
        <meta name="arenabled" />
        <style>
		div.radar
		{		
			position:fixed;
			top:100px;
			
		}
		div.map{
			position:fixed;
			top: 100px;
			left: 40px;
		}
		div.obj{
			font:"Bold 60px Arial";
			position:absolute;
			top:50px;
			color:yellow;
			width:30;
			height:20;
		}
		div.t1{
			position:absolute;
			top:80px;
			width:30;
			height:20;
		}
		#compass {
			position:absolute;
			top:50px;
			right:40px;
			-webkit-backface-visibility: hidden;
			-webkit-transition: -webkit-transform 80ms linear;
		}
		</style>
    </head>
    <body>
    	<div class="radar" id = "radarBar"></div>
        <div class="map" id="map"></div>
        <div id='compass'></div>
        
        <div class="obj" id = "objectText">Object: </div>
		<div class ='t1' id='touchable'>This element is touchable. </div>

		<script src="http://pangbo.org/argon/jslog/jslog.js"></script>
        <script src="radar.js"></script>	
        <script src="Geolocation.js"></script>
        <script src="checkPoints.js"></script>
        <script src="argonLib.js"></script>
        <script src="map.js"></script>
        <script src="http://www.prism.gatech.edu/~xxie37/ar/compass/compass.js"></script>
       

        <script>


		    document.addEventListener("AR.DataSetLoadedEvent", myApp.onDataSetLoaded);
			document.addEventListener("AR.DataSetActivatedEvent", myApp.onDataSetActivated);
			document.addEventListener("AR.ArgonReadyEvent", myApp.onArgonReady);

        </script>
       
        
        
        <script src="http://argon.gatech.edu/argon_o.js"></script>
    </body>
    
    
</html>            